﻿@model Zor_Web.Models.Stat.V_TaxStat
@using Webdiyer.WebControls.Mvc;
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>缴税统计表</title>
    <link href="~/Content/LayerUI/src/css/layui.css" rel="stylesheet" />
    <link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Styles/zor.css" rel="stylesheet" />
    <!-- 框架必要 -->
    <script src="~/Content/Scripts/jquery/jquery-1.9.1.min.js"></script>
    <script src="~/Content/Scripts/learunui-framework.js"></script>
    <script src="~/Content/Scripts/Zor_AJax.js"></script>
    <!-- 消息提示 -->
    <script language='javascript' src='~/Content/layer/layer.js'></script>

</head>
<body class="gray-bg">
    <div class="layui-tab layui-tab-brief main-tab-container ">
        <div class="col-sm-12 ct-padding">
                <div class="col-sm-9 ct-padding">
                    <button id="btnExport" class="layui-btn layui-btn-warm layui-btn-small"><span class="glyphicon glyphicon-share"></span> 导出</button>
                    <button id="btnReplace" class="layui-btn layui-btn-danger layui-btn-small"><span class="glyphicon glyphicon-refresh"></span> 刷新</button>
                </div>
            </div>

            <div class="layui-tab-content">
                <table class="layui-table" lay-skin="line">
                    <thead>
                        <tr>
                            <th hidden></th>
                            <th><input type="checkbox" name="checkAll" id="cbkCheckAll"></th>
                            <th>房屋(商铺)</th>
                            <th>租赁状态</th>
                            <th>缴税状态</th>
                            <th>实际缴税额(元)</th>
                        </tr>
                    </thead>
                    <tbody id="accordion">
                        @foreach (var item in Model.PageData)
                        {
                            <tr>
                                <td hidden>@item.Hs_Id</td>
                                <td><input type="checkbox" class="i-checks" name="chk" id="@item.Hs_Id" value="@item.Hs_Id" /></td>
                                <td>@item.Housename</td>
                                <td>@item.Statue</td>
                                <td>@item.PtState</td>
                                <td>@(item.Pt_ActualTax*0.01)</td>
                            </tr>
                        }
                    </tbody>
                </table>
            </div>

            <div class="col-sm-12">
                <div class="col-sm-10">
                    @Html.Pager(Model.PageData, new PagerOptions { PageIndexParameterName = "index", ContainerTagName = "ul", PrevPageText = "上页", NextPageText = "下页", FirstPageText = "首页", LastPageText = "尾页", CssClass = "pagination", PagerItemsSeperator = "", CurrentPagerItemWrapperFormatString = "<li class=\"active\"><a href=\"#\">{0}</a></li>", PagerItemWrapperFormatString = "<li>{0}</li>" }, new { id = "bootstrappager", @class = "pagination" })
                </div>
                <div class="col-sm-2 to-righjt">
                    共 @Model.PageData.TotalItemCount 条记录，页 @Model.PageData.CurrentPageIndex/@Model.PageData.TotalPageCount
                </div>
            </div>

        </div>
        <!-- 导出模态 -->
        <form action="/Stat/ExportTaxStat" enctype="multipart/form-data" method="post" id="formDownload">
            <div id="exportHtml" style="display:none;">
                <div class="eh_wrap">
                    <div class="eh_head">
                        <p style="">请选择您要导出的数据列</p>
                    </div>
                    <table width="100%" cellpadding="5" cellspacing="0">
                        <tr>
                            <td><input id="Housename" type="checkbox" value="房屋" name="chk_list" checked="checked" /><label>房屋</label></td>
                            <td><input id="Statue" type="checkbox" value="租赁状态" name="chk_list" checked="checked" /><label>租赁状态</label></td>
                            <td><input id="PtState" type="checkbox" value="缴税状态" name="chk_list" checked="checked" /><label>缴税状态</label></td>
                            <td><input id="Pt_ActualTax" type="checkbox" value="实际缴税额" name="chk_list" checked="checked" /><label>实际缴税额</label></td>
                        </tr>
                    </table>
                </div>
                <div class="box-footer">
                    <button type="submit" id="btnExportSure" class="btn btn-info pull-right">
                        <i class="fa fa-repeat"></i>导出
                    </button>
                    <input type="hidden" id="fields" name="fields" value="" />
                    <input type="hidden" id="where" name="where" value="" />
                </div>
            </div>
        </form>


</body>
</html>
<script>

    /*导出*/
    $("#btnExport").click(function () {
        layer.open({
            type: 1,
            title: '导出提示',
            shade: false,
            skin: 'layui-layer-rim',
            area: ['620px', '210px'], //宽高
            content: $('#exportHtml')
        });
    });
    /*导出交互*/
    $("#btnExportSure").click(function () {
        var arr = new Array();
        $("[name='chk_list']").each(function () {
            if ($(this).is(":checked")) {
                arr.push($(this).attr("id") + "|" + $(this).val());
            }
        });
        $("#fields").val(arr);
        document.getElementById('formDownload').submit();
        layer.closeAll();
    });

    /**
     * 全选
     */
    $(function () {
        $("#cbkCheckAll").click(function () {
            if (this.checked) {
                $("input[name='chk']").prop('checked', true);
            } else {
                $("input[name='chk']").prop('checked', false);
            }
        })
    })
    /*刷新*/
    $("#btnReplace").click(function () {
        Replace();
    });

    /*模态关闭后回调用*/
    $('#myModal').on('hidden.bs.modal', function (e) {
        Replace();
    });
</script>


